iT邦幫忙

2023 iThome 鐵人賽

DAY 18
0
自我挑戰組

那些有趣的程式系列 第 25

【Day25】從零開始的程式大亂鬥:JavaScript-Element

  • 分享至 

  • xImage
  •  

在 HTML 中, Element 是一個元素。
在 JavaScript 中, Element 可以看作一個物件。

Example:

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript-Element</title>
    </head>
    <body>
        <button class="btn">Click me</button>
        <script>
            const btn = document.querySelector('.btn');
            btn.addEventListener('click', function(Element) {
                console.log(Element);
            });
        </script>
    </body>
</html>

點擊按鈕後的輸出結果:

PointerEvent {
    isTrusted: true,
    pointerId: 0,
    width: 1,
    height: 1,
    pressure: 0,
    …
}

上一篇
【Day24】從零開始的程式大亂鬥:JavaScript-Event Listener
下一篇
【Day26】從零開始的程式大亂鬥:JavaScript-令人頭痛的轉型
系列文
那些有趣的程式35
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言